home *** CD-ROM | disk | FTP | other *** search
/ CD ROM Magazine 1995 March / CD ROM Magazine Disc 6 (Dennis) (March 1995).iso / pc / workshop / elastic / install / disk1 / getstart.txt < prev    next >
Text File  |  1994-12-01  |  34KB  |  874 lines

  1.                    Elastic Reality Demo -- Version 1.01
  2.                            Getting Started Guide
  3.  
  4.  
  5. Contents:
  6.  
  7.     o       What is Elastic Reality?
  8.     o       Installation
  9.     o       TransJammer
  10.     o       Tutorials
  11.  
  12. ===========================================================================
  13.                          What is Elastic Reality?
  14.  
  15. Special effects!
  16. ----------------
  17.  
  18. You've got a deep passion for special effects. Perhaps it goes back to
  19. childhood when you sat in a theater, popcorn forgotten, horrified by a
  20. monster climbing out of a flying saucer.
  21.  
  22. Although you cheer and scream with the rest of the crowd, simple awe and
  23. terror aren't enough for you. From the start, you've demanded to know, "How
  24. do they do that?"
  25.  
  26. For a select few, that curiosity leads to a career in the business. Many
  27. Elastic Reality users create special effects (or "FX") for TV, film,
  28. advertising, or commercial design.
  29.  
  30. You don't need to be a professional, however. With a PC running Microsoft
  31. Windows(tm), even casual hobbyists can create eye-bulging special effects.
  32. Whether you're a weekend dabbler or the industry's senior image wizard,
  33. welcome home to Elastic Reality. Your world will never look the same.
  34.  
  35. Morphs, warps, and other ways to stretch the truth
  36. --------------------------------------------------
  37.  
  38. As you probably know, computers have drastically altered the work of the FX
  39. artist. Effects that used to require lots of physical hardware and labor
  40. now occur in silicon chips at the speed of imagination.
  41.  
  42. The advantage of using a computer for visual effects is that you have total
  43. control over an image. After all, to the computer, a picture is just a
  44. collection of pixels, individual dots or "picture elements" that correspond
  45. to data values in the computer's memory. The computer will happily move
  46. those pixels around, change their colors, or obliterate them. In the hands
  47. of an imaginative FX artist, computer power can make you doubt your hold on
  48. reality.
  49.  
  50. If you watch TV or go to the movies, you've undoubtedly seen lots of
  51. computerized special effects. The star of the bunch is the morph, a
  52. phantasmagoric effect in which one image gradually transforms into another.
  53. You've probably seen morphs of human faces changing into animal faces,
  54. people turning into machines, and many other mind-bending effects.
  55.  
  56. Elastic Reality specializes in morphing. With a little practice and
  57. coaching from this manual, you'll be able to create morphs that rival the
  58. ones you see on TV and film. In fact, you'll be working with the same
  59. software that created a lot of those effects.
  60.  
  61. There's lots more to Elastic Reality than morphing, though. Along with
  62. morphs, it can create these effects:
  63.  
  64. --  Warps. This effect stretches and distorts an image. For example, you
  65.     might warp a picture of yourself so you look twenty feet tall.
  66.  
  67. --  Composites. These images are made from parts of other images.
  68.     Typically, a foreground image appears in front of an unusual
  69.     background. You might make a composite image of your Aunt Florence
  70.     standing on the tip of the Eiffel Tower.
  71.  
  72. --  Animation. Elastic Reality can help you create several kinds of
  73.     animated images. For instance, you can provide two pictures that define
  74.     the start and end of a motion sequence. Elastic Reality fills in the
  75.     intermediate frames for smooth movement.
  76.  
  77. --  Mattes. A matte is an image that controls how other images blend
  78.     together. For example, when a superhero flies across the sky in the
  79.     movies, a matte places his image against the image of the sky.
  80.  
  81. In fact, when you work with Elastic Reality, it's like having an entire
  82. special effects department on your desk.
  83.  
  84. Elastic Reality: Software to transform the world
  85. ------------------------------------------------
  86.  
  87. As the name implies, Elastic Reality warps things. Images and minds,
  88. primarily.
  89.  
  90. When you work with an image in Elastic Reality, the image becomes flexible.
  91. It's as if the picture was printed on a sheet of rubber. You can stretch
  92. it, squeeze it, subtly reshape it, fold it over itself, or transform it
  93. into something totally different. The only limits are the boundaries of
  94. your creativity.
  95.  
  96. To keep up with your imagination, Elastic Reality offers these features:
  97.  
  98. --  A complete set of drawing tools for defining the parts of an image that
  99.     change during special effects.
  100.  
  101. --  Powerful matting and compositing tools.
  102.  
  103. --  Advanced automatic "tweening" and key frame tools.
  104.  
  105. --  A Motion/Transparency Editor that lets you define the direction of an
  106.     object's movement as well as its visibility during an effect.
  107.  
  108. --  Resolution independent input and output.
  109.  
  110. --  Many popular image formats.
  111.  
  112. The Elastic Reality package also includes TransJammer! This powerful tool
  113. automates much of the work that normally goes into digital video effects.
  114. With TransJammer, anybody, even beginning image wizards, can instantly
  115. create professional quality special effects. Just specify the pictures you
  116. want to transform and choose an effect. It's never been so easy to produce
  117. dazzling images.
  118.  
  119. ===========================================================================
  120.                                Installation
  121.  
  122. System configuration
  123. ====================
  124.  
  125. If you're using Windows 3.1 on your PC, chances are that you can also use
  126. Elastic Reality. However, to take full advantage of the features in Elastic
  127. Reality, we recommend the following system:
  128.  
  129. Component           Recommended                Minimum required
  130. ---------------------------------------------------------------------------
  131. Computer            100% IBM PC/AT compatible  100% IBM PC/AT or compatible
  132.                     with 80486DX or            with 80386 processor
  133.                     Pentium(tm) processor
  134.                     -------------------------------------------------------
  135.                     Mouse or pen and tablet    Mouse
  136.                     -------------------------------------------------------
  137.                     math co-processor
  138. ---------------------------------------------------------------------------
  139. Display             24-bit accelerated         16 colors
  140. ---------------------------------------------------------------------------
  141. Application memory  8 or more megabytes        4 megabytes
  142. ---------------------------------------------------------------------------
  143. System software     Windows 3.1 or later       Windows 3.1
  144. ---------------------------------------------------------------------------
  145. Hard disk space     12 megabytes               12 megabytes
  146. ---------------------------------------------------------------------------
  147.  
  148. Although Elastic Reality runs on computers that do not have a math
  149. (floating point) co-processor, it runs much more efficiently on those that
  150. do. We highly recommend you use Elastic Reality on a computer equipped with
  151. a math co-processor.
  152.  
  153. Note: Some computers have built-in floating point units, including 80386
  154. DX/DX2, 80486 DX/DX2/DX4, and the Pentium line of processors. Others may
  155. have separate math co-processors (80387 or 80487).
  156.  
  157.  
  158. Installation
  159. ============
  160.  
  161. Before you install Elastic Reality, make a backup copy of the disks. Then
  162. use the copies to install the software.
  163.  
  164.  1. Insert Elastic Reality Disk 1 in the disk drive.
  165.  
  166.     Start Windows, if you haven't done so already.
  167.  
  168.  2. In the Program Manager, choose Run from the File menu.
  169.  
  170.     If you put Disk 1 in drive A, type a:\setup and press Enter or click
  171.     the OK button. If you put the disk in a different drive, use that drive
  172.     letter instead of a:.
  173.  
  174.  3. Select a directory to install the Elastic Reality files and choose the
  175.     options to install.
  176.  
  177.     Enter the name of the path where you want to install Elastic Reality.
  178.     In most cases, you can use the default path, C:\EREALITY. Change the
  179.     name of the path if you want to install Elastic Reality somewhere else.
  180.     While the software installs, complete the registration card. Send in
  181.     the registration card so you can receive technical support, updates to
  182.     future versions of Elastic Reality, and news of other related products.
  183.  
  184.  4. Follow the instructions on the screen to install the Elastic Reality
  185.     package.
  186.  
  187.     When installation is finished, you have a new program group called
  188.     Elastic Reality. The program group includes the Elastic Reality
  189.     program, TransJammer, and a readme file describing last minute changes
  190.     to the package.
  191.  
  192.  
  193. Starting Elastic Reality for the first time
  194. ===========================================
  195.  
  196. To start the program, double-click the Elastic Reality icon shown at left.
  197. You see the startup screen, then the main window.
  198.  
  199.  
  200. Navigating the main window
  201. ==========================
  202.  
  203. Start at the main window, the Elastic Reality workspace, when you want to
  204. create special effects. Use the menu bar to select options that let you
  205. open and work with images. Select items from the toolbox to edit images.
  206. Use the buttons on the tool bar to control the image you see.
  207.  
  208. To select a menu option, use your mouse to click the menu name. Then click
  209. the option you want. You can also press Alt and the underlined letter in
  210. the menu name. For example, press Alt+F to choose the File menu.
  211.  
  212. To select a button, use your mouse to click the button. Use the toolbox
  213. buttons when you're working with an image. You can also use the following
  214. keyboard shortcuts:
  215.  
  216.         Button                          Keys
  217.         -------------------------------------
  218.         Select tool                     s
  219.         Reshape tool                    r
  220.         Correspondence tool             c
  221.         User edge tool                  e
  222.         Zoom tool:       zoom in        i
  223.                          zoom out       o
  224.         Move tool                       m
  225.         Freehand tool                   f
  226.         Pen tool                        p
  227.         Square tool                     Shift+S
  228.         Circle tool                     Shift+C
  229.  
  230.  
  231. Getting help
  232. ============
  233.  
  234. For guidance on using this demo version of Elastic Reality, use the on-line
  235. help for quick reference to commands, tools, and topics, such as mattes.
  236. Use the options in the Help menu or press F1 to get help while you're
  237. working with Elastic Reality.
  238.  
  239.  
  240. About the tutorials
  241. ===================
  242.  
  243. This Getting Started guide includes sample tutorials to guide you through
  244. using TransJammer and warping and morphing images.
  245.  
  246. ===========================================================================
  247.                                 TransJammer
  248.  
  249. Elastic Reality includes a separate application called TransJammer, which
  250. provides you with more than thirty digital video transitions. If you want
  251. your images to shatter, for example, choose the appropriate TransJammer
  252. effect, select your images, and let TransJammer take care of the rest. You
  253. can then play the resulting image file, or edit the transition in Elastic
  254. Reality to add a new background, for example, or enhance the effect.
  255.  
  256. Experienced users can modify the bundled TransJammer effects or create new
  257. ones.
  258.  
  259. This section introduces you to TransJammer, and includes instructions for
  260. using it with your images.
  261.  
  262. Selecting an effect
  263. -------------------
  264.  
  265. Start at the Elastic Reality program group. Then you're ready to use
  266. TransJammer.
  267.  
  268.  1. Double-click the TransJammer icon.
  269.  
  270.     You see the TransJammer window.
  271.  
  272.  2. Select a transition effect.
  273.  
  274.     For example, select the transition called SideSlam.er. Check the
  275.     description for information on how the SideSlam transition is set up,
  276.     and for tips on doing it yourself. Watch the image in the sample box to
  277.     see the sample effect.
  278.  
  279.     SideSlam uses two images--one remains stationary and the other slides
  280.     across it from the right, slams and compresses on the left, then
  281.     springs back to the right.
  282.  
  283.     If you don't see a list of effects in the Available Effects list, click
  284.     the Select Effects Directory button and select the TJ_Projs directory.
  285.  
  286.  3.    If you like, select a variation on the effect.
  287.  
  288.     Check the Reverse Effect box, for example, to create a side slam
  289.     transition that switches the image that gets "slammed", but preserves
  290.     the original starting and ending images.
  291.  
  292. Selecting images
  293. ----------------
  294.  
  295.  1. Click the Select Images button.
  296.  
  297.     Depending on the transition you selected, you may need to open one or
  298.     more images. The transition description advises you what to do. For
  299.     example, the SideSlam transition requires two images, one on the A-roll
  300.     and one on the B-roll.
  301.  
  302.  2. In the Sequence Editor, click a roll and choose Insert from the File
  303.     menu.
  304.  
  305.     For example, if your transition needs an image on the A-roll and the
  306.     B-roll, click the A-roll, and then choose Insert from the File menu. Do
  307.     the same later for the image on the B-roll.
  308.  
  309.  3. Select an image.
  310.  
  311.     Move to the directory containing your images, then choose the one you
  312.     want. For SideSlam, the image on the A-roll is the stationary image,
  313.     and the image on the B-roll is the one that slides and slams. The
  314.     transition description explains how to set up your images for a
  315.     particular transition.
  316.  
  317.  4. For other images, repeat steps 2 and 3.
  318.  
  319.     If your transition uses more than one image, click the appropriate
  320.     roll, then insert another image. For example, click the B-roll and
  321.     insert another image.
  322.  
  323.  5. From the File menu, choose Accept.
  324.  
  325. Viewing the results
  326. -------------------
  327.  
  328. Once you select a transition effect and the images you want to use, set the
  329. output options and create the transition.
  330.  
  331.  1. Click the Output Options button.
  332.  
  333.     You see the Output Options dialog box.
  334.  
  335.  2. Set the output options.
  336.  
  337.     You can accept most of these options as they are for now, though you
  338.     need to select the file type and directory.
  339.  
  340.     When you apply a transition to your images, TransJammer creates a file
  341.     or sequence of files. Select the type of files you want to create. For
  342.     example, if you create an AVI file, you can play the file as a video in
  343.     the Windows Media Player or in an application such as Premiere. You can
  344.     also create a sequence of image files, such as Targa files, and edit
  345.     them later in Elastic Reality.
  346.  
  347.     Select the directory where you want to store the files. Then click OK.
  348.  
  349.  3. Click the Go! button.
  350.  
  351.     When you click Go!, TransJammer applies the transition you selected to
  352.     your images, then creates files and stores them in the directory you
  353.     specified. All this may take a few minutes.
  354.  
  355.  4. If you saved the transition in Video for Windows format, play the
  356.     transition with an AVI movie player.
  357.  
  358. ===========================================================================
  359.                                  Tutorials
  360.  
  361. If you looked at TransJammer in the previous section, you're probably eager
  362. to try some special effects yourself. This section includes tutorials that
  363. show you how to warp images--you'll distort them to create particular
  364. effects. Then you can play with an image to create your own effects.
  365.  
  366.  
  367. About warping
  368. =============
  369.  
  370. Warping an image means reshaping it. Create a warp when you want to make a
  371. girl's face look surprised by widening the eyes, for example. Warp a
  372. picture of a building so it looks futuristic, or a vase so it looks squat.
  373.  
  374. When you warp in Elastic Reality, you start with a single image. Then you
  375. create the shapes that describe the distortion--draw a wider outline of a
  376. girl's eyes, for example. Set up the rendering and output options and save
  377. all this in a project file. Then render the project--rendering transforms
  378. the image according to your drawing. Finally, view the warped image to see
  379. the results.
  380.  
  381. Let's say you're warping an image of a man so that his smile turns into a
  382. grin. The warp--the transformation of the man's smile to a grin--takes
  383. place across a series of frames. Think of the warp as a strip of film.
  384. Frame 1 is of the man smiling. In frame 2 his mouth and cheeks widen
  385. slightly. In frames 3-5, his mouth and cheeks continue to widen. In the
  386. final frame, he's grinning from ear to ear.
  387.  
  388. For the tutorials in this section, start Elastic Reality by double-clicking
  389. its icon in the Elastic Reality program group.
  390.  
  391.  
  392. Birthday: A sample warp
  393. =======================
  394.  
  395. In this tutorial, you start with an image of a girl blowing out candles on
  396. her birthday cake. You can warp the image so that the girl's cheeks puff
  397. out and her eyes narrow as she blows out the candles.
  398.  
  399.  1. Open the project file called Bday1.er.
  400.  
  401.     From the File menu, choose Open. Select Bday1.er from the ER_Projs
  402.     directory.
  403.  
  404.     In the Edit window, you see an image of a girl with her birthday cake.
  405.  
  406.     We've already outlined the shapes to transform--notice the red curved
  407.     lines around her face and cheeks.
  408.  
  409.  2. From the Window menu, choose Wireframe Preview.
  410.  
  411.     When you choose Wireframe Preview, you see the window illustrated below
  412.     where you can choose wireframe settings and work with the wireframe
  413.     image. You may need to move the window so it doesn't obscure the image.
  414.  
  415.     The Wireframe view shows you only shapes so you can review the changes
  416.     you're making. You can check how the image changes before you render.
  417.  
  418.  3. Drag the Frame scroll box from frame 1 to 40.
  419.  
  420.     Watch the shape of the girl's cheeks puff out and eyes widen, then
  421.     return to their original state.
  422.  
  423.  4. Click the Play button, then the Stop button.
  424.  
  425.     This plays the entire effect for you. Use the VCR-style buttons in the
  426.     Wireframe Preview window to preview a series of frames.
  427.  
  428.  5. Close the Wireframe Preview window.
  429.  
  430.     Double-click the Control-menu box in the upper left corner of the
  431.     window.
  432.  
  433.  6. Using the Frame Selector, select frame 24.
  434.  
  435.     Drag the scroll box in the Frame Selector until you reach frame 24.
  436.  
  437.     This warp is set up to take place over forty frames. The girl's face is
  438.     the most distorted at about frame 24. If you render frame 24, you see
  439.     the full effect.
  440.  
  441.  7. From the Render menu, choose Render Preview.
  442.  
  443.     This transforms the girl's face. Because you selected frame 24, you see
  444.     the girl's cheeks bulging and her eyes squinting as she blows out the
  445.     candles on the cake.
  446.  
  447.  8. Click the "A" roll mode button once to hide the A-roll shapes.
  448.  
  449.     This button acts as a toggle, allowing you to show and hide the visible
  450.     shapes in that particular image roll. To see the results of the
  451.     rendered preview, temporarily hide the shapes.
  452.  
  453.  9. Click the View Preview button a few times to compare the warped image
  454.     to the original image.
  455.  
  456.     After rendering, you see a preview of the image (notice the View
  457.     Preview button is pressed). We call it a preview because you can still
  458.     adjust the image before you save it in a file.
  459.  
  460. 10. Close the project.
  461.  
  462.     From the File menu, choose Close.
  463.  
  464.  
  465. Smile: Another sample warp
  466. ==========================
  467.  
  468. The Birthday tutorial showed how to warp parts of a face--this tutorial
  469. shows how to warp a whole face so that it's comically distorted.
  470.  
  471.  1. Open the project file called Smile.er.
  472.  
  473.     From the File menu, choose Open. Select Smile.er from the ER_Projs
  474.     directory.
  475.  
  476.     In the Edit window, you see an image of a smiling man wearing a suit
  477.     jacket and tie. Click the "A" button to temporarily hide the shapes on
  478.     the man's face.
  479.  
  480.  2. From the Window menu, choose Wireframe Preview.
  481.  
  482.     In the Edit window, you see the outlines we already drew for different
  483.     parts of the image--the man's head, ear, eyes, nose, mouth, neck, and
  484.     one shoulder. These are the shapes you'll distort in the warp. You'll
  485.     work more with shapes later in this section.
  486.  
  487.  3. Experiment with the Wireframe Preview settings.
  488.  
  489.     Click the VCR-style buttons and watch the image. Change the Frame Rate
  490.     setting, then click the Play button. Select a play style button, then
  491.     play the effect again. For example, select the play style button with a
  492.     straight arrow to play the effect once from start to finish.
  493.  
  494.  4. Decide which frame you want to render.
  495.  
  496.     As you play the wireframe preview, choose a frame that shows a lot of
  497.     distortion, such as frame 30.
  498.  
  499.  5. Close the Wireframe Preview window.
  500.  
  501.  6. Use the Frame Selector to choose a frame.
  502.  
  503.     Drag the scroll box in the Frame Selector, or click the frame number,
  504.     type a new number, and then press Enter.
  505.  
  506.     Choose the frame you decided on in step 4, one with a lot of
  507.     distortion, such as frame 30.
  508.  
  509.  7. From the Render menu, choose Render Preview.
  510.  
  511.     This distorts the man's smile. You see the man's smile widen to a grin
  512.     and his eyes bulge out comically.
  513.  
  514.  8. To remove the shape outlines, click the A image roll button.
  515.  
  516.  9. Click the View Preview button to compare the warped image to the
  517.     original.
  518.  
  519. 10. Close the project.
  520.  
  521.     From the File menu, choose Close.
  522.  
  523.  
  524. Man's face: Your own warp
  525. =========================
  526.  
  527. The Birthday and Smile tutorials showed how to warp images already set up
  528. for you. This tutorial shows how to set up your own warp to reduce the size
  529. of a man's face. You'll select the image, draw the shapes, join them, and
  530. render a frame to create a warp.
  531.  
  532. Creating the shapes to set up the warp
  533. --------------------------------------
  534.  
  535. Once you open the image, draw shapes that define what you want to warp. For
  536. this sample, you're making a man's face smaller, so you start by outlining
  537. the whole image. Then draw the shape to define the distortion--the smaller
  538. area where the man's face appears after warping. This time, you create your
  539. own project.
  540.  
  541.  1. Load the image into the Sequence Editor.
  542.  
  543.     From the File menu, choose New. Make sure the A-roll is highlighted.
  544.     From the Sequence Editor menu, choose Insert from the Image menu. Then
  545.     select Busnsman.jpg from the Images directory.
  546.  
  547.     In the Sequence Editor window, you see the man from the last exercise.
  548.  
  549.  2. Accept the image.
  550.  
  551.     From the Sequence Editor's File menu, choose Accept. You now see the
  552.     image in the Edit window. Look for the toolbox on the left side of the
  553.     window.
  554.  
  555.  3. From the toolbox, click the Square tool.
  556.  
  557.     You can also press Shift+S to select the Square tool.
  558.  
  559.  4. Outline most of the image.
  560.  
  561.     Start with your pointer in the upper left corner of the image, just
  562.     outside the lavender background, then drag to outline the whole image.
  563.     The goal is to make a border around the image.
  564.  
  565.     If you make your outline too small or too large, you can resize it.
  566.     Using the Select tool, click on the square to select it, then grab a
  567.     handle (a box at each corner of the outline), and drag to resize.
  568.  
  569.  5. Use the Square tool to draw a second shape inside the first one.
  570.  
  571.     Make the second shape about one quarter smaller than the first,
  572.     bordering the man's head, as in the following illustration.
  573.  
  574.     This second shape defines the size and position of the man's head after
  575.     you warp--it should be smaller and centered against the lavender
  576.     background.
  577.  
  578. Defining shape correspondences
  579. ------------------------------
  580.  
  581. Once you create the shapes in your image, define which shape transforms
  582. into another.
  583.  
  584.  1. Click the Select tool and select the larger square.
  585.  
  586.     You can also press the s key to use the Select tool.
  587.  
  588.     Start with the shape you're transforming from--the whole image at
  589.     original size, defined by the larger square.
  590.  
  591.  2. Hold down the Shift key and select the smaller square.
  592.  
  593.     Select the target shape--how the image appears after the warp.
  594.  
  595.  3. From the Shape menu, choose Join.
  596.  
  597.     You can also press j to choose Join.
  598.  
  599.     Both squares should now look like dashed lines--that means you've
  600.     joined the shapes. The source shape has long dashes, whereas the target
  601.     shape has small dashes.
  602.  
  603.     Joining links the two shapes. When you're working with an image on a
  604.     single roll, the order in which you select shapes defines the beginning
  605.     shape and the transformed shape.
  606.  
  607.  4. From the toolbox, click the Correspondence tool.
  608.  
  609.     You can also press the c key to select the Correspondence tool.
  610.  
  611.     You see the two shapes linked by yellow correspondence lines showing
  612.     the relationship of one shape to the other. The number of
  613.     correspondence lines indicates how accurately Elastic Reality resolves
  614.     your shapes. With squares, the correspondence is perfect. With other
  615.     shapes, such as irregular outlines, the more lines, the smoother the
  616.     result, but the greater the render time.
  617.  
  618.  5. Press the = (equal) key and the - (hyphen) key to adjust the edge
  619.     density.
  620.  
  621.     The edge density controls the number of correspondence lines between
  622.     your joined shapes. To increase the edge density, press the = key. To
  623.     decrease it, press the - key.
  624.  
  625.     You can also choose Shape Options from the Window menu to adjust the
  626.     edge density.
  627.  
  628.     Use the scroll bar to set an edge density of 8. The lowest setting is 1
  629.     and the highest is 50. Then close the Shape Options window.
  630.  
  631.  6. Click the Select tool to turn off the correspondence lines. Then click
  632.     outside the image.
  633.  
  634.     You can render while displaying the correspondence and joining lines,
  635.     but you can see the image more clearly if you turn them off by clicking
  636.     outside the shapes.
  637.  
  638. Previewing the warp
  639. -------------------
  640.  
  641. Now you're ready to render a single frame to see if you've set up the warp
  642. to get the effects you want--to reduce the size of the man's face.
  643.  
  644.  1. Use the Frame Selector to move to the final frame.
  645.  
  646.     In a warp, the final frame often shows the final result. The
  647.     intermediate frames show the transformation from the first image to the
  648.     last. In frame 5, for example, the face is slightly smaller than the
  649.     original; frame 10 is smaller still.
  650.  
  651.  2. Set the Warp Style to Cookie-Cut.
  652.  
  653.     From the Render menu, choose Render Options to display the Render
  654.     Options dialog box. Set the Warp Style to Cookie-Cut. This mode will
  655.     cause our square (closed) shape to define the area to cut out of the
  656.     image. That cut out image will then be warped.
  657.  
  658.     Click OK in the Render Options dialog box when done.
  659.  
  660.  3. From the Render menu, choose Render Preview.
  661.  
  662.     Elastic Reality renders the frame to warp the image as you defined it.
  663.     You then see the man's head about one quarter of its original size.
  664.  
  665.  4. View the results.
  666.  
  667.     To turn off the outlines, click the A image roll button. Click the View
  668.     Preview button a few times. When it's pressed, you see the warped
  669.     image. When it's not, you see the original image.
  670.  
  671.  5. Save the project.
  672.  
  673.     From the File menu, choose Save As. Then enter a name for this project
  674.     file. Use Man.er for this sample project.
  675.  
  676.  
  677. Quick steps
  678. ===========
  679.  
  680. Here's a summary of a complete still image warp--transforming a single
  681. image over one or more frames.
  682.  
  683. To create a warp:
  684. -----------------
  685.  
  686.  1. Open the image to warp.
  687.  
  688.  2. Create the shapes that define what you want to transform.
  689.  
  690.  3. Set up the rendering and output options.
  691.  
  692.  4. Select the frame you want to warp.
  693.  
  694.     Use the Frame Selector to select a frame--the last frame typically
  695.     shows the final effect.
  696.  
  697.  5. Render the frame.
  698.  
  699.     From the Render menu, choose Render Preview.
  700.  
  701.  6. View the frame and compare it to the original image.
  702.  
  703.     Click the View Preview button to switch between the original and the
  704.     warped image.
  705.  
  706.  
  707. Working with shapes
  708. ===================
  709.  
  710. Use the toolbox in the main window to create and change the shapes that
  711. define your warp. Draw squares, for example, to define an area to reduce or
  712. enlarge. Trace the outline of a facial feature to transform its shape.
  713. After you render a preview, you can adjust the shapes to fine-tune the
  714. effect.
  715.  
  716. You can use the sample image of a man's face to practice working with
  717. shapes. Make sure the Man.er image with your outlines appears in the Edit
  718. window. Then you can adjust the shapes, preview the images, and test out
  719. the new effects.
  720.  
  721. Repositioning shapes
  722. --------------------
  723.  
  724. Now you can try something a bit more warped. This sample shows you how to
  725. distort a face so that it looks like an image in a convex mirror.
  726.  
  727.  1. Return to the original image of the man's face.
  728.  
  729.     Return to frame 1. You may have to click the View Preview button so
  730.     that it's not selected. Click the A image roll button to see the
  731.     original image of the man's face with the two squares you drew in the
  732.     last sample.
  733.  
  734.  2. Select one of the joined shapes.
  735.  
  736.     Click away from both shapes, then click on one of them. This ensures
  737.     that only one shape is currently selected.
  738.  
  739.  3. From the Shape menu, choose Unjoin to unjoin the shapes.
  740.  
  741.     Make sure the shapes are no longer joined before you adjust them. You
  742.     can also press Shift+J to unjoin the shapes.
  743.  
  744.  4. Use the Select tool to resize the larger square so that it's slightly
  745.     smaller than the other square.
  746.  
  747.     Drag one of the larger square's handles to resize it.
  748.  
  749.  5. Position the resized square inside the other square.
  750.  
  751.     Use the Select tool to move the square you resized. Grab any part of
  752.     the square that doesn't have handles. Position and size the square so
  753.     that the top two sizing handles are outside the man's eyebrows. The
  754.     bottom border should be just under his mouth. This is the part of the
  755.     face you want to distort.
  756.  
  757.  6. Join the small square to the larger square.
  758.  
  759.     Select the small square, then hold the Shift key and select the large
  760.     square. From the Shape menu, choose Join.
  761.  
  762.     Because you want to enlarge the middle part of the face, start with the
  763.     small square outlining that part of the face. When you join it to the
  764.     larger square, you indicate that you want to stretch the outlined
  765.     features to the proportion of the larger square.
  766.  
  767.  7. Select a frame to warp.
  768.  
  769.     Use the Frame Selector to select a frame--probably the final frame.
  770.  
  771.  8. Set the Warp Style back to Linear.
  772.  
  773.     Choose Render Options from the Render menu, then set Warp Style to
  774.     Linear. Click OK when done.
  775.  
  776.  9. From the Render menu, choose Render Preview.
  777.  
  778.     This warps the image so you see the strange face illustrated below. You
  779.     should also click the "A" roll mode button to hide the shapes.
  780.  
  781. 10. Click the View Preview button to switch between the warped image and
  782.     original image.
  783.  
  784. Reversing the direction of a warp
  785. ---------------------------------
  786.  
  787. Now you can try a warp that has the opposite effect of the last warp--this
  788. time you'll shrink the face instead of expanding it. You could switch the
  789. positions of the squares, but there's an easier way.
  790.  
  791.  1. Unjoin the joined squares.
  792.  
  793.     In the original image, select the squares; click the "A" roll mode
  794.     button if the shapes are currently hidden. Then choose Unjoin from the
  795.     Shape menu, or press Shift+J. Click outside the image so the squares
  796.     are not selected.
  797.  
  798.  2. Select the larger square.
  799.  
  800.  3. Hold down the Shift key, then select the smaller square.
  801.  
  802.  4. From the Shape menu, choose Join to join the two squares.
  803.  
  804.  5. Select the frame you want to render.
  805.  
  806.     Let's stay at the same frame--30.
  807.  
  808.  6. From the Render menu, choose Render Preview.
  809.  
  810.     This distorted image shows a man with a tiny face on top of a distorted
  811.     body. Hide the shapes from view to get a better look at the results.
  812.  
  813.     Both shapes are the same size and in the same position as in the first
  814.     distortion. This time, however, joining the larger square to the
  815.     smaller one means that you want to shrink the outlined features of the
  816.     larger square to the proportion of the smaller one.
  817.  
  818. Using barriers
  819. --------------
  820.  
  821. That last image was really warped, maybe more so than you want. Click the
  822. View Preview button a few times and watch what happens to the man's
  823. body--it adjusts to match the new dimensions of the face, but doesn't keep
  824. its own proportions.
  825.  
  826. You can control this effect by using barriers. Use a barrier with the man's
  827. face to keep his hair tacked down while his face changes. Before you work
  828. through the tutorial below, close the current project.
  829.  
  830.  1. Open the Hair.er project.
  831.  
  832.     From the File menu, choose Open. Select Hair.er from the ER_Projs
  833.     directory. You see the man's face again, outlined this time with three
  834.     ovals.
  835.  
  836.  2. Join the two inner ovals.
  837.  
  838.     The middle and inner ovals are currently joined. We need to join them
  839.     in the opposite direction--from inner to middle. Using the Select tool,
  840.     select either oval and choose Unjoin from the Shape menu.
  841.  
  842.     Next, click the inner oval, then hold down the Shift key and select the
  843.     middle oval. From the Shape menu, choose Join.
  844.  
  845.     This means you're warping the face from the proportions of the small
  846.     oval to the proportions of the middle oval.
  847.  
  848.     The outer oval serves as a barrier, preventing distortion to the rest
  849.     of the head: his hair, ears, neck, and shoulders.
  850.  
  851.  3. Select frame 12 to render.
  852.  
  853.  4. From the Render menu, choose Render Preview.
  854.  
  855.     You see the warped image below, with the area beyond the barrier shape
  856.     remaining undistorted.
  857.  
  858. Suggestions for experimentation
  859. -------------------------------
  860.  
  861. Now that you've created a few warps, you might want to experiment. Try the
  862. following exercises:
  863.  
  864. --  In the image of the man's head, resize the ovals then move them around.
  865.     Render the final frame.
  866.  
  867. --  Use both square and oval shapes with and without a barrier, then
  868.     render.
  869.  
  870. --  Overlap one or more shapes, then render. Move one shape outside of
  871.     another, and then render.
  872.  
  873. ===========================================================================
  874.